.tool-container{
    .icon-border-all{
        .select-container{
            .group{
                display: flex;
                flex-direction: row;
            }
            .border-value-btn{
                display: flex;
                flex-direction: row;
                line-height: 24px;
                width: calc(100% + 20px);
                position: relative;
                left: -10px;
                padding: 5px 10px 5px 10px;
                box-sizing: border-box;
                cursor: pointer;
                text-align: left;
                &:hover {
                    background-color: #eeeeee;
                }
                .icon{
                    font-size: 20px;
                    width: 20px;
                    &:hover {
                        background-color: #eeeeee;
                    }
                }
                .desc{
                    font-size: 12px;
                    flex: 1;
                }
                .child-status{
                    font-size: 16px;
                    width: 16px;
                    color: #999797;
                    &:hover {
                        background-color: #eeeeee;
                    }
                }
                .select-container{
                    left: 128px;
                    &::after {
                        display: none;
                    }
                }
            }
            .border-type-container{
                display: none;
                padding: 10px 0px;
                position: absolute;
                left: 128px;
                width: 100px;
                background-color: #ffffff;
                border: 1px solid #eeeeee;
                .border-type-item {
                    padding: 10px 10px;
                    position: relative;
                    &:hover {
                        background-color: #eeeeee;
                    }
                    .line{
                        display: block;
                        width: 100%;
                    }
                }
                .border-type-item[active]{
                    &::before{
                        content: '';
                        display: block;
                        position: absolute;
                        height: 100%;
                        width: 3px;
                        left: 0px;
                        top: 0px;
                        background-color: #0188fb;
                    }
                }
            }
        }
    }
}